<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>文献库</span>
      <el-link @click="change(1)" style="float: right; padding: 3px 0">国内文献库</el-link>
      <span style="float: right; padding: 3px 0">|</span>
      <el-link @click="change(2)" style="float: right; padding: 3px 0">国外文献库</el-link>

    </div>
    <div v-for="item in items" :key="item.id" class="text item">
      {{item.title}}<br/>
      {{item.message}}
      <hr/>
    </div>
  </el-card>
</template>

<script>
  export default {
    name: "Docu",
    data() {
      return {
        items: [{
          id: 1,
          title: "书写体育强国逐梦奋进新篇章——以习近平同志为核心的党中央关心体育事业发展纪实",
          message: "9秒83，苏炳添在东京奥运会男子百米飞人大战中一鸣惊人，给中国乃至亚洲短跑树立了新的丰碑。回顾一个月前动人心弦那一刻，32岁的苏炳添说：“我敢很肯定地说肯定有（上升）空间。都说亚洲人的极限，我觉得根本没有什么极限之说。",
        }, {
          id: 2,
          title: "习近平在陕西榆林考察时强调 解放思想改革创新再接再厉 谱写陕西高质量发展新篇章",
          message: "新华社榆林9月15日电  中共中央总书记、国家主席、中央军委主席习近平近日在陕西省榆林市考察时强调，要坚决落实党中央决策部署，坚持稳中求进工作总基调，完整、准确、全面贯彻新发展理念，弘扬光荣革命传统，解放思想、改革创新、再接再厉，切实抓好统筹疫情防控和经济社会发展各项工作，更好统筹发展和安全，更好服务和融入新发展格局，谱写陕西高质量发展新篇章。",
        },
          {
            id: 3,
            title: "学校道德教育的生活性释义",
            message: "道德教育回归生活具有其合理性，但提法不严密，忽视了学校道德教育的独特性，问题意识不清，一时有很多争论。",
          }
        ]
      }
    },
    methods: {
      change(index) {
        console.log("国内文献库");
      }
    }
  }
</script>

<style scoped>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 10px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }

  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 370px;
  }
</style>
